<template>
  <div class="f-card-item card-empty-wrapper">
    <span>+ {{ name }}</span>
  </div>
</template>

<script>
export default {
  name: "CardEmptyItem",
  props: {
    name: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="less" scoped>
.card-empty-wrapper {
  color: @gray3-color;
  border: 2px dashed @gray2-color;
  cursor: pointer;
  span {
    user-select: none;
  }
  &:hover {
    color: @blue-light-color;
    border: 2px dashed @blue-light-color;
  }
}
</style>